/**
 *  props 校验
 *  安装prop-types
 */

import React from "react"
// 里面有各种各样的内置的校验规则
import PropTypes from 'prop-types'

function Test ({ list }) {
  return (
    // <div>{list.map(item => <p>{item}</p>)}</div>
    <div>
      this is test
    </div>
  )
}

// 注意这里首字母是小写
Test.propTypes = {
  //定义各种规则
  list: PropTypes.array.isRequired //限定这里的list必须是数组
}
class App extends React.Component {

  render () {
    return (
      <>
        {/* <Test list={[1, 2, 3, 4]}></Test> */}
        <Test></Test>
      </>
    )
  }
}
export default App
